<toaster-container [toasterconfig]="config"></toaster-container>
<div class="header-container logo">
  <div class="logo-title">

  </div>
  <div class="logo-info">
    <a routerLink="/auth/login"><i class="nb-gear logoout"></i></a>
    <span>admin , 欢迎您!</span><span>{{today | date:'yyyy年MM月dd日 HH:mm'}}</span>
  </div>
</div>

<div class="header-container menu">
  <div class="info">
    <div *ngFor="let menu of menuItems" class="col-md-2">
      <div *ngIf="!menu.group">
        <button class="btn btn-outline-primary btn-tn btn-round" [class.active]="menu.target === currentTarget" (click)="routeTarget(menu)">{{menu.title}}</button>
      </div>
      <div *ngIf="menu.group" class="dropdown" ngbDropdown>
        <button class="btn btn-outline-primary btn-tn btn-round" ngbDropdownToggle [class.active]="menu.target === currentTarget">{{menu.title}}</button>
        <ul class="dropdown-menu" ngbDropdownMenu="8">
          <ng-container *ngFor="let firstChildren of menu.children;let i=index;">
            <li class="dropdown-item" (click)="routeTarget(firstChildren)"><a>{{firstChildren.title}}</a></li>
            <div *ngIf="i!=menu.children.length-1" role="separator" class="dropdown-divider"></div>
          </ng-container>
        </ul>
      </div>
    </div>
  </div>
</div>


